<template>
		<u-loadmore :marginBottom="marginBottom" :status="status" fontSize="28" iconSize="28"></u-loadmore>
</template>

<script>
	//	loadmore	加载前，显示"加载更多"，加入点击可选，是因为数据不够一页时，无法触发页面的onReachBottom生命周期
	//	loading   加载中  显示"正在加载..."，2种动画可选
	//	nomore    加载完成，没有更多
	const loadingStatusList = ['loading', 'loadmore', 'nomore']
	export default {
		name:"my-loadmore",
		props:{
			currentStep: {
				default: 1 // 0加载中； 1 加载完成，还有更多；2加载完成，没有更多
			},
			marginBottom: {
				default: 10 // 下边距 （默认 10 ）
			}
		},
		data() {
			return {
				status: '',
				
			}
		},
		created(){
			this.status = loadingStatusList[this.currentStep]
		},
		watch:{
			currentStep(val){
				this.status = loadingStatusList[val]
			}
		}
	}
</script>

<style>

</style>